<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
<link rel="stylesheet" href="docsdemos-style-override.css" />
<script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="jquery.mobile/jquery.mobile-1.1.0.js">	
	</script>
</head>
<body>
<section id="knockout" data-role="page">
<header data-role="header" data-position="fixed">
			<nav data-role="navbar">
				<ul class="ui-grid-a">
					<li class="ui-block-a" style="width:33%"><a href="home.html#page1" data-icon="home" rel="external" >Home</a>
					</li>
					<li class="ui-block-b" style="width:33%"><a href="group.html" rel="external">Vòng bảng</a>
					</li>
					<li class="ui-block-c" style="width:33%"><a href="#" class="ui-btn-active ui-state-persist">Vòng knockout</a>
					</li>
				</ul>
			</nav>
		</header>
		<div class="content" data-role="content" align="center">
			<table border="0" cellpadding="0" cellspacing="0"
		style="font-size: 90%; margin: 1em 2em 1em 1em;">
		<tbody>
			<tr>
				<td height="6"></td>
				<td align="center" colspan="2" style="border: 1px solid #aaa;"
					bgcolor="#F2F2F2">Tứ kết</td>
				<td colspan="2"></td>
				<td align="center" colspan="2" style="border: 1px solid #aaa;"
					bgcolor="#F2F2F2">Bán kết</td>
				<td colspan="2"></td>
				<td align="center" colspan="2" style="border: 1px solid #aaa;"
					bgcolor="#F2F2F2">Chung kết</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td width="150">&nbsp;</td>
				<td width="50">&nbsp;</td>
				<td width="20">&nbsp;</td>
				<td width="25">&nbsp;</td>
				<td width="150">&nbsp;</td>
				<td width="50">&nbsp;</td>
				<td width="20">&nbsp;</td>
				<td width="25">&nbsp;</td>
				<td width="150">&nbsp;</td>
				<td width="50">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
				<td rowspan="4"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="7"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td colspan="2" rowspan="3"></td>
				<td rowspan="7"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="13"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td colspan="2" rowspan="9"></td>
			</tr>
			<tr>
				<td height="6"></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhất A</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhì B</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="3"
					style="border-width: 2px 3px 0 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng TK 1</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="3"
					style="border-width: 0 3px 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="5"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng TK 3</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="12"
					style="border-width: 2px 3px 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhất C</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="6"></td>
				<td colspan="2" rowspan="2">
				</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhì D</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="2"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng BK 1</td>
				<td rowspan="2" align="center" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em"
					bgcolor="#F9F9F9"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
				<td rowspan="4"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="7"
					style="border-width: 0 0 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="12"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng BK 2</td>
				<td rowspan="2" align="center" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em"
					bgcolor="#F9F9F9"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhất B</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
				<td colspan="2" rowspan="2"></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhì A</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="3"
					style="border-width: 2px 3px 0 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng TK 2</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="2">
				</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="3"
					style="border-width: 0 3px 1px 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="6"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Thắng TK 4</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="6"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-top-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhất D</td>
				<td rowspan="2" style="border-top-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td colspan="2" rowspan="4"></td>
			</tr>
			<tr>
				<td height="6"></td>
				<td rowspan="2" style="border-bottom-left-radius: 5px;border: 1px solid #aaa;border-right: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9">&nbsp;Nhì C</td>
				<td rowspan="2" style="border-bottom-right-radius: 5px;border: 1px solid #aaa;border-left: none;padding:0.2em;font-size:0.7em" bgcolor="#F9F9F9"
					align="center"><span class="ui-circle">-</span></td>
				<td rowspan="2"
					style="border-width: 2px 0 0 0; border-style: solid; border-color: black;">&nbsp;</td>
			</tr>
		</tbody>
	</table>
		</div>
		<footer data-role="footer" data-position="fixed">
			<h3>Euro-2012</h3>
		</footer>
</section>
	
</body>
</html>